<template>
    <div class="focus-list">
        <div class="mycollect-list">
            <ul class="sui-nav nav-tabs nav-large">
                <li class="active"><a href="#one" data-toggle="tab">收藏的文章</a></li>
                <li><a href="#two" data-toggle="tab">收藏的企业</a></li>
                <li><a href="#three" data-toggle="tab">收藏的吐槽</a></li>
            </ul>
            <div class="tab-content tab-wraped">
                <div id="one" class="tab-pane active">
                    <ul class="collect-list">
                        <li class="collect-item">
                            <div class="intro">
                                <div class="fl border">
                                    <span class="fa fa-thumbs-up" aria-hidden="true"></span>
                                    <span class="usenum">12</span>
                                    <span class="fa fa-star" aria-hidden="true"></span>
                                </div>
                                <div class="fl content">
                                    <p class="title">
                                        面试说通过了要回去等offer，现在都两周了，还说在ceo审批，两天联系hr一次，都说还在等审批什么情况？工资什么的都谈好了，也要了工资证明。面试说通过了，要回去等offer，现在都两周了还说在ceo审批，两天联系hr一次，都说还在等审批，什么情况？？工资什么的都谈好了，也要了工资证明。也工资证明。</p>
                                    <p class="link"><a href="ruanyifeng.com">ruanyifeng.com</a></p>
                                </div>
                                <div class="fr info">
                                    <img src="~/assets/img/widget-photo.png" alt=""/>
                                    <span class="author">本杰明</span>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="collect-item">
                            <div class="intro">
                                <div class="fl border">
                                    <span class="fa fa-thumbs-up" aria-hidden="true"></span>
                                    <span class="usenum">12</span>
                                    <span class="fa fa-star" aria-hidden="true"></span>
                                </div>
                                <div class="fl content">
                                    <p class="title">
                                        面试说通过了要回去等offer，现在都两周了，还说在ceo审批，两天联系hr一次，都说还在等审批什么情况？工资什么的都谈好了，也要了工资证明。面试说通过了，要回去等offer，现在都两周了还说在ceo审批，两天联系hr一次，都说还在等审批，什么情况？？工资什么的都谈好了，也要了工资证明。也工资证明。</p>
                                    <p class="link"><a href="ruanyifeng.com">ruanyifeng.com</a></p>
                                </div>
                                <div class="fr info">
                                    <img src="~/assets/img/widget-photo.png" alt=""/>
                                    <span class="author">本杰明</span>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="two" class="tab-pane">
                    <ul class="company-list">
                        <li class="company-item">
                            <div class="fl">
                                <p><span class="name">传智播客</span> <span class="job">5个职位在招聘</span></p>
                                <p>学堂在线，汇集世界顶尖大学的中文MOOC平台，面向全球学子提供顶尖大学MOOC课程。</p>
                            </div>
                            <div class="fr focus">
                                <span>关注 7</span>
                                <button class="sui-btn btn-danger btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="company-item">
                            <div class="fl">
                                <p><span class="name">传智播客</span> <span class="job">5个职位在招聘</span></p>
                                <p>学堂在线，汇集世界顶尖大学的中文MOOC平台，面向全球学子提供顶尖大学MOOC课程。</p>
                            </div>
                            <div class="fr focus">
                                <span>关注 7</span>
                                <button class="sui-btn btn-danger btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                    </ul>
                </div>
                <div id="three" class="tab-pane">
                    <ul class="tc-list">
                        <li class="tc-item">
                            <div class="border">
                                <span class="fa fa-thumbs-up" aria-hidden="true"></span>
                                <span class="usenum">12</span>
                                <span class="fa fa-star" aria-hidden="true"></span>
                            </div>
                            <div class="content">
                                <p><a
                                    href="#">今天入职腾讯，产品岗，普通非985211大学，上家是不到五十人创业小公司！16年毕业！找内推腾讯给的面试机会，五轮面试！可能是我把运气攒一起了！</a>
                                </p>
                            </div>
                        </li>
                        <li class="tc-item">
                            <div class="border">
                                <span class="fa fa-thumbs-up" aria-hidden="true"></span>
                                <span class="usenum">12</span>
                                <span class="fa fa-star" aria-hidden="true"></span>
                            </div>
                            <div class="content">
                                <p><a
                                    href="#">今天入职腾讯，产品岗，普通非985211大学，上家是不到五十人创业小公司！16年毕业！找内推腾讯给的面试机会，五轮面试！可能是我把运气攒一起了！</a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import "~/assets/css/page-sj-person-mycollect.css";

    export default {}
</script>

<style scoped>

</style>
